<template>
  <div class="like">
        <img :src="item.productImg" alt="">
        <p>{{item.productTitle}}</p>
        <p>{{item.sellPrice}}¥</p>
  </div>
</template>
<script>
export default {
  props:['item']
}
</script>
<style lang="scss" scoped>
  //  .guesslike{
  //   display: flex;
  //   flex-wrap: wrap;
  //   background-color: #fff;
  //   font-size: 0.72rem;
    .like{
      padding: 0.8rem;
      box-sizing: border-box;
      width: 50%;
      p{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      p:nth-of-type(1){
        color: #a89e9e;
      }
       p:nth-of-type(2){
        font-size: 0.8rem;
      }
    }
    img{
      width: 100%;
    }
  // }
</style>